<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./sass/index.min.css">
    <!-- <link rel="stylesheet" href="./css/swiper.css"> -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2708812_d1142so2yne.css">
    <script src="https://at.alicdn.com/t/font_2708812_shl5yzs14v.js"></script>
    <link rel="icon" href="./favicon.ico">

</head>

<body>
    <!-- 快捷导航模块 start -->
    <section class="shortcut">
        <div class="w">
            <div class="sl l">
                <a href="./list.html">小米商城</a><span class="sep">|</span>
                <a href="./list.html">MIUI</a><span class="sep">|</span>
                <a href="./list.html">米聊</a><span class="sep">|</span>
                <a href="./list.html">游戏</a><span class="sep">|</span>
                <a href="./list.html">多看阅读</a><span class="sep">|</span>
                <a href="./list.html">云服务</a><span class="sep">|</span>
                <a href="./list.html">金融</a><span class="sep">|</span>
                <a href="./list.html">小米商城移动版</a><span class="sep">|</span>
                <a href="./list.html">问题反馈</a><span class="sep">|</span>
                <a href="./list.html">SelectRegion</a>
            </div>
            <div class="sr r">
                <div class="shopcar r">
                    <a href="./cart.html" target="_blank"> 购物车<span></span></a>
                </div>
                <div class="regsiter r">
                    <a href="./login.html" class="qdl">登录&emsp;|&emsp;注册 </a>
                    <!-- <a href="./register.html" class="qdl">注册<span class="sep">|</span></a> -->

                    <a>欢迎:&emsp;<a class="ydyh"></a></a>
                    <a href="#">消息通知</a>
                </div>
            </div>
        </div>
    </section>
    <!-- 快捷导航模块 end -->

    <!-- header头部模块制作 start -->
    <header class="head">
        <div class="w">
            <div class="logo l">
                <a href="mi.com" title="小米商城" class="nav_logo"></a>
            </div>
            <div class="nav l">
                <ul>
                    <li>
                        <a href="./list.html">全部商品列表</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_2.webp" alt="">
                                    <p>Xiaomi Civi</p>
                                    <span>2599元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_2.webp" alt="">
                                    <p>Xiaomi Civi</p>
                                    <span>2599元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_2.webp" alt="">
                                    <p>Xiaomi Civi</p>
                                    <span>2599元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_2.webp" alt="">
                                    <p>Xiaomi Civi</p>
                                    <span>2599元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_2.webp" alt="">
                                    <p>Xiaomi Civi</p>
                                    <span>2599元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_2.webp" alt="" class="nth">
                                    <p>Xiaomi Civi</p>
                                    <span>2599元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./list.html">红米</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_1.webp" alt="">
                                    <p>红米k40 游戏增强版</p>
                                    <span>1799元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_1.webp" alt="">
                                    <p>红米k40 游戏增强版</p>
                                    <span>1799元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_1.webp" alt="">
                                    <p>红米k40 游戏增强版</p>
                                    <span>1799元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_1.webp" alt="">
                                    <p>红米k40 游戏增强版</p>
                                    <span>1799元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_1.webp" alt="">
                                    <p>红米k40 游戏增强版</p>
                                    <span>1799元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_1.webp" alt="" class="nth">
                                    <p>红米k40 游戏增强版</p>
                                    <span>1799元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./list.html">平板·笔记本</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                    <span>5499 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                    <span>5499 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                    <span>5499 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                    <span>5499 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                    <span>5499 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_3.webp" alt="" class="nth">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                    <span>5499 元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#">电视</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_4.webp" alt="">
                                    <p>小米电视6 65″OLED</p>
                                    <span>6999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_4.webp" alt="">
                                    <p>小米电视6 65″OLED</p>
                                    <span>6999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_4.webp" alt="">
                                    <p>小米电视6 65″OLED</p>
                                    <span>6999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_4.webp" alt="">
                                    <p>小米电视6 65″OLED</p>
                                    <span>6999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_4.webp" alt="">
                                    <p>小米电视6 65″OLED</p>
                                    <span>6999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_4.webp" alt="" class="nth">
                                    <p>小米电视6 65″OLED</p>
                                    <span>6999 元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./list.html">平板</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_5.webp" alt="">
                                    <p>小米平板5</p>
                                    <span>1999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_5.webp" alt="">
                                    <p>小米平板5</p>
                                    <span>1999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_5.webp" alt="">
                                    <p>小米平板5</p>
                                    <span>1999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_5.webp" alt="">
                                    <p>小米平板5</p>
                                    <span>1999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_5.webp" alt="">
                                    <p>小米平板5</p>
                                    <span>1999 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_5.webp" alt="" class="nth">
                                    <p>小米平板5</p>
                                    <span>1999 元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./list.html">路由器</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_6.webp" alt="">
                                    <p>小米路由器AX9000</p>
                                    <span>1299 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_6.webp" alt="">
                                    <p>小米路由器AX9000</p>
                                    <span>1299 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_6.webp" alt="">
                                    <p>小米路由器AX9000</p>
                                    <span>1299 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_6.webp" alt="">
                                    <p>小米路由器AX9000</p>
                                    <span>1299 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_6.webp" alt="">
                                    <p>小米路由器AX9000</p>
                                    <span>1299 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_6.webp" alt="" class="nth">
                                    <p>小米路由器AX9000</p>
                                    <span>1299 元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./list.html">智能硬件</a>
                        <div class="submenu">
                            <ul>
                                <li>
                                    <img src="./images/er_7.webp" alt="">
                                    <p>米家扫拖机器人1T</p>
                                    <span>1799 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_7.webp" alt="">
                                    <p>米家扫拖机器人1T</p>
                                    <span>1799 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_7.webp" alt="">
                                    <p>米家扫拖机器人1T</p>
                                    <span>1799 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_7.webp" alt="">
                                    <p>米家扫拖机器人1T</p>
                                    <span>1799 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_7.webp" alt="">
                                    <p>米家扫拖机器人1T</p>
                                    <span>1799 元起</span>
                                </li>
                                <li>
                                    <img src="./images/er_7.webp" alt="" class="nth">
                                    <p>米家扫拖机器人1T</p>
                                    <span>1799 元起</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="./list.html">服务</a></li>
                    <li><a href="./list.html">社区</a></li>
                </ul>
            </div>
            <div class="serch l">
                <div class="serch_bar cl">
                    <input type="text" class="serch_con" placeholder="请去列表页搜索!">
                    <a href="./list.html" class="serch_btn"></a>
                    <!-- <ul class="serch_list">
                        <li>商品</li>
                        <li>商品</li>
                        <li>商品</li>
                        <li>商品</li>
                        <li>商品</li>
                        <li>商品</li>
                    </ul> -->
                </div>
            </div>

    </header>
    <!-- header头部模块制作 end -->

    <!-- banner -->
    <div class="banner_warp">

        <div class="banner w">
            <!-- <img src="./images/pc_7.jpg" alt=""> -->
            <div class="banner_lb">
                <ul>
                    <li><img src="./images/banner1.webp" alt=""></li>
                    <li><img src="./images/banner2.jpg" alt=""></li>
                    <li><img src="./images/banner3.webp" alt=""></li>
                    <li><img src="./images/banner4.webp" alt=""></li>
                    <li><img src="./images/banner1.webp" alt=""></li>
                </ul>
                <ol>
                    <li class="on"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
                <div class="prev"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiangzuo1"></use>
                    </svg></div>
                <div class="next"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconfontangleright"></use>
                    </svg></div>
            </div>


            <div class="menu_ce">
                <ul>
                    <li>
                        <a href="#">手机<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_1.webp" alt="">
                                    <p>Note 11 pro系列</p>
                                </a>
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="#">电视<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_2.webp" alt="">
                                    <p>小米电视6 至尊版 65英寸</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">笔记本 平板<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_3.webp" alt="">
                                    <p>小米笔记本 Pro 14 锐龙版</p>
                                </a>
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="#">家电<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_4.jpg" alt="">
                                    <p>电磁炉</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">出行 穿戴<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_5.webp" alt="">
                                    <p>红米手表2</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">智能 路由器<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_6.webp" alt="">
                                    <p>MIJIA K歌麦克风</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">电源 配件<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_7.webp" alt="">
                                    <p>小米运动电源</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">健康 儿童<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_8.webp" alt="">
                                    <p>米家跑步机</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">耳机 音箱<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_9.webp" alt="">
                                    <p>Redmi Buds 3 青春版</p>
                                </a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">生活 箱包<i class="iconfont icon-iconfontangleright"></i></a>
                        <div class="submenu_ce">
                            <div class="submenu_ce_er">
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                                <a href="">
                                    <img src="./images/menu2_10.webp" alt="">
                                    <p>小背包</p>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 明星单品 -->
    <div class="start_cp">
        <div class="hero_warp">
            <div class="hero w">
                <div class="hero_home l">
                    <a href="#"><span></span><b>小米秒杀</b></a>
                    <a href="#"><span></span><b>企业团购</b></a>
                    <a href="#"><span></span><b>F码通行</b></a>
                    <a href="#"><span></span><b>米粉卡</b></a>
                    <a href="#"><span></span><b>以旧换新</b></a>
                    <a href="#"><span></span><b>话费充值</b></a>
                </div>
                <div class="dn l">
                    <a href="#"><img src="./images/pc_2.jpg" alt="" class="img_size"></a>
                </div>
                <div class="sj l">
                    <a href="#"><img src="./images/pc_6.jpg" alt="" class="img_size2"></a>
                </div>

                <div class="ds l">
                    <a href="#"><img src="./images/pc_1.png" alt="" class="img_size3"></a>
                </div>
            </div>
        </div>

        <!-- 广告 -->
        <div class="advertising">
            <img src="./images/guanggaowei.webp" alt="">
        </div>
        <!-- 明星单品 -->

        <div class="star w">
            <div class="star_tit">
                <span class="mxdp l">小米明星单品</span>
                <a href="#"><span></span></a>
                <a href="#"><span></span></a>
            </div>
            <div class="star_item">
                <!-- <a href="">
                    <div class="item">
                        <div class="item_img">
                            <img src="./images/xiaomi5.png" alt="">
                        </div>
                        <h3>小米K30 Plus</h3>
                        <p>6.0英寸大屏双摄手机，拍照黑科技</p>
                        <span>2299元起</span>
                    </div>
                </a> -->

            </div>
        </div>

    </div>
    <div class="containerr">
        <!-- 智能家电 -->
        <div class="hardwarr w">
            <div class="hardwarr_tit">
                <span>智能家电</span>
                <span class="r"><a href="#">查看全部<i></i></a></span>
            </div>
            <div class="hardwarr_cp">
                <div class="hardwarr_hb l">
                    <img src="./images/pc_4.webp" alt="">
                </div>
                <div class="hardwarr_list l">
                    <!-- <a href="">
                        <li>
                            <div class="har_img">
                                <img src="./images/pc_11.webp" alt="">
                            </div>
                            <p>米家电饭煲</p>
                            <p>电磁环绕加热,300+煮米方案</p>
                            <span>399元</span>
                        </li>
                    </a> -->

                </div>
            </div>
        </div>
        <!-- 小米电视 -->
        <div class="collocation w">
            <div class="coll_tit">
                <span>小米电视</span>
                <div class="coll_nav r">
                    <a href="#">热门</a>
                    <a href="#">耳机音箱</a>
                    <a href="#">电源</a>
                    <a href="#">电池储存卡</a>
                </div>
            </div>
            <div class="coll_list">
                <!-- <a href="">
                    <li>
                        <div class="coll_lsit_img">
                            <img src="./images/cdb.webp" alt="">
                        </div>
                        <p>2000mAh小米移动电源2</p>
                        <span>399元</span>
                        <p>8634人评价</p>
                    </li>
                </a> -->

            </div>
        </div>

        <!-- 配件 -->
        <div class="access w">
            <div class="acc_tit">
                <span>配件</span>
                <div class="acc_nav r">
                    <a href="#">热门</a>
                    <a href="#">保护套</a>
                    <a href="#">贴膜</a>
                    <a href="#">其他配件</a>
                </div>
            </div>
            <div class="acc_list">
                <!-- <a href="">
                    <li>
                        <div class="acc_lsit_img">
                            <img src="./images/pc_4.jpg" alt="">
                        </div>
                        <p>2000mAh小米移动电源2</p>
                        <span>399元</span>
                        <p>8634人评价</p>
                    </li>
                </a> -->
            </div>
        </div>

        <!-- 周边 -->
        <div class="rim w">
            <div class="rim_tit">
                <span>周边</span>
                <div class="rim_nav r">
                    <a href="#">热门</a>
                    <a href="#">服装</a>
                    <a href="#">米兔</a>
                    <a href="#">生活周边</a>
                    <a href="#">箱包</a>
                </div>
            </div>
            <div class="rim_list">
                <!-- <a href="">
                    <li>
                        <div class="coll_lsit_img">
                            <img src="./images/zb-3.webp" alt="">
                        </div>
                        <p>2000mAh小米移动电源2</p>
                        <span>399元</span>
                        <p>8634人评价</p>
                    </li>
                </a> -->

            </div>
        </div>
    </div>

    <footer class="footer w">
        <div class="sales">
            <a href="#"><i></i>预约维修服务</a>
            <a href="#"><i></i>7天无理由退货</a>
            <a href="#"><i></i>15天免费换货</a>
            <a href="#"><i></i>满150元包邮</a>
            <a href="#"><i></i>520家售后网点</a>
        </div>
        <div class="dibu">
            <div class="d_nav l">
                <ul>
                    <li>
                        <a href="#" class="title">帮助中心</a>
                        <a href="#">账户管理</a>
                        <a href="#">购物指南</a>
                        <a href="#">订单操作</a>
                    </li>
                    <li>
                        <a href="#" class="title">帮助中心</a>
                        <a href="#">账户管理</a>
                        <a href="#">购物指南</a>
                        <a href="#">订单操作</a>
                    </li>
                    <li>
                        <a href="#" class="title">帮助中心</a>
                        <a href="#">账户管理</a>
                        <a href="#">购物指南</a>
                        <a href="#">订单操作</a>
                    </li>
                    <li>
                        <a href="#" class="title">帮助中心</a>
                        <a href="#">账户管理</a>
                        <a href="#">购物指南</a>
                        <a href="#">订单操作</a>
                    </li>
                    <li>
                        <a href="#" class="title">帮助中心</a>
                        <a href="#">账户管理</a>
                        <a href="#">购物指南</a>
                        <a href="#">订单操作</a>
                    </li>
                    <li>
                        <a href="#" class="title">帮助中心</a>
                        <a href="#">账户管理</a>
                        <a href="#">购物指南</a>
                        <a href="#">订单操作</a>
                    </li>
                </ul>
            </div>
            <div class="tel l">
                <p>400-100-5678</p>
                <p>周一至周五8:00-16:00</p>
                <p>(仅收市话费)</p>
                <span><i></i>小时在线客服</span>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <div class="copy w">
            <div class="copy_logo l clearfix">
                <img src="./images/logo-mi2.png" alt="">
            </div>
            <div class="copy_nav l clearfix">
                <a href="#">小米商城</a><span class="seb">|</span>
                <a href="#">MIUI</a><span class="seb">|</span>
                <a href="#">米家</a><span class="seb">|</span>
                <a href="#">米聊</a><span class="seb">|</span>
                <a href="#">多看</a><span class="seb">|</span>
                <a href="#">游戏</a><span class="seb">|</span>
                <a href="#">政企服务</a><span class="seb">|</span>
                <a href="#">小米天猫店</a><span class="seb">|</span>
                <a href="#">小米集团隐私政策</a><span class="seb">|</span>
                <a href="#">小米公司儿童信息保护规则</a><span class="seb">|</span>
                <a href="#">小米商城用户协议</a><span class="seb">|</span>
                <a href="#">问题反馈</a>
                <span class="seb"> |</span>
                <a href="#">Select Location</a>
                <p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号<br>
                    （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br>
                    增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证<br>
                    违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>

            </div>
        </div>
        <p class="copy_p">探索黑科技,小米为发烧而生!</p>

    </div>

    <!-- 侧边导航 -->
    <div class="c_nav_f">
        <a href="./personal.html">
            <i class="iconfont icon-gerenzhongxin"></i>
            <span>个人中心</span>
        </a>
        <a href="./list.html">
            <i class="iconfont icon-shangpin"></i>
            <span>全部商品</span>
        </a>
        <a href="./cart.html">
            <i class="iconfont icon-iconfonticonfontcart"></i>
            <span>购物车</span>
        </a>
        <a href="./login.html">
            <i class="iconfont icon-denglu"></i>
            <span>登录/注册</span>
        </a>
    </div>
</body>
<script src="./js/animate.js"></script>
<script src="./js/jquery-3.6.0.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/api.js"></script>

<script>
    const user = localStorage.getItem('login_user');
    console.log(user);

    if (user) {
        console.log($('.xx'));
        $('.ydyh').html(user);
        $('.qdl').css('display', 'none')
    }


    class Banner {
        constructor(ele) {
            this.index = 0;
            this.t = null;
            this.ele = $(ele);
            this.oUl = this.ele.find('ul');
            this.oLi = this.ele.find('ul li');
            this.width = $(this.oLi[0]).width();
            this.OlLis = this.ele.find('ol li');
            this.flag = true;
        }
        autoPlay() {
            this.t = setInterval(() => {
                this.index++;
                this.showOne()
            }, 3000);
        }

        showOne() {
            this.flag = false;
            this.oUl.animate({
                left: -this.width * this.index
            }, () => {
                this.flag = true;
                if (this.index >= this.oLi.length - 1) {
                    this.index = 0;
                    this.oUl.css('left', 0)
                }
            })


            if (this.index >= this.oLi.length - 1) {
                $(this.OlLis).eq(0).addClass('on').siblings().removeClass('on')
            } else {
                $(this.OlLis).removeClass('on').eq(this.index).addClass('on');
            }
        }

        init() {
            const that = this;
            this.ele.on('click', 'ol li', function () {
                if (that.flag) {
                    // clearInterval(that.t);   //flag可以点的时候关闭定时器
                    that.index = $(this).index();
                    that.showOne();
                    that.autoPlay()
                    clearInterval(that.t); //再次关闭定时器
                }
            })


            this.ele.on('click', '.prev', () => {

                if (this.flag) {
                    // clearInterval(this.t);
                    if (this.index === 0) {
                        this.index = this.oLi.length - 1;
                        this.oUl.css('left', -this.index * this.width)
                    }
                    this.index--;
                    that.showOne();
                    that.autoPlay();
                    clearInterval(this.t); //再次关闭定时器
                }
            })

            this.ele.on('click', '.next', () => {
                if (this.flag) {
                    // clearInterval(this.t);
                    if (this.index === this.oLi.length - 1) {
                        this.index = 0;
                        this.oUl.css('left', -this.index * this.width)
                    }
                    this.index++;
                    that.showOne();
                    that.autoPlay();
                    clearInterval(this.t); //再次关闭定时器
                }
            })
        }

    }
    const lun = new Banner('.banner_lb');
    lun.autoPlay()
    lun.init()
</script>

<!-- 首页列表渲染 -->
<script>
    // 排序的方法  asc / desc
    let sortType = '';
    let page = 1;
    let showSize = 5;
    let pageTotal = 0;
    let sortName = ''; //手机 电视


    //手机渲染
    getDate_phone()
    async function getDate_phone() {
        const res = await goodList({
            page,
            showSize,
            sortName: '手机',
            showSize: 5,
            sortType: 'desc'
        })
        const {
            status,
            msg,
            data,
            pageAll
        } = res
        if (status) {
            let str = '';
            data.forEach(v => {
                str += `
                <a href="../小米/detail.html?=${v.id}">
                    <div class="item">
                        <div class="item_img">
                            <img src="${v.img}" alt="">
                        </div>
                        <h3>${v.title}</h3>
                        <p>6.0英寸大屏双摄手机，拍照黑科技</p>
                        <span>${v.price}元起</span>
                    </div>
                </a>
            `
            })
            $('.star_item').html(str);
        } else {
            alert(msg)
        }
    }

    //家电渲染
    getDate_jiadian()
    async function getDate_jiadian() {
        const res = await goodList({
            page,
            showSize,
            sortName: '家电',
            showSize: 8,
            sortType: 'desc'
        })
        const {
            status,
            msg,
            data,
            pageAll
        } = res
        if (status) {
            let str = '';
            data.forEach(v => {
                str += `
                <a href="../小米/detail.html?=${v.id}">
                        <li>
                            <div class="har_img">
                                <img src="${v.img}" alt="">
                            </div>
                            <p>${v.title}</p>
                            <p>电磁环绕加热,300+煮米方案</p>
                            <span>${v.price}元</span>
                        </li>
                    </a>
            `
            })
            $('.hardwarr_list').html(str);
        } else {
            alert(msg)
        }
    }

    //小米电视渲染
    getDate_tv()
    async function getDate_tv() {
        const res = await goodList({
            page,
            showSize,
            sortName: '小米电视',
            showSize: 10,
            sortType: 'desc'
        })
        const {
            status,
            msg,
            data,
            pageAll
        } = res
        if (status) {
            let str = '';
            data.forEach(v => {
                str += `
                <a href="../小米/detail.html?=${v.id}">
                    <li>
                        <div class="coll_lsit_img">
                            <img src="${v.img}">
                        </div>
                        <p>${v.title}</p>
                        <span>${v.price}元</span>
                        <p>8634人评价</p>
                    </li>
                </a>
            `
            })
            $('.coll_list').html(str);
        } else {
            alert(msg)
        }
    }

    //配件
    getDate_acc()
    async function getDate_acc() {
        const res = await goodList({
            page,
            showSize,
            sortName: '耳机',
            showSize: 10,
            sortType: 'desc'
        })
        const {
            status,
            msg,
            data,
            pageAll
        } = res
        if (status) {
            let str = '';
            data.forEach(v => {
                str += `
                <a href="../小米/detail.html?=${v.id}">
                    <li>
                        <div class="acc_lsit_img">
                            <img src="${v.img}" alt="">
                        </div>
                        <p>${v.title}</p>
                        <span>${v.price}元</span>
                        <p>8634人评价</p>
                    </li>
                </a>
            `
            })
            $('.acc_list').html(str);
        } else {
            alert(msg)
        }
    }


    //儿童
    getDate_child()
    async function getDate_child() {
        const res = await goodList({
            page,
            showSize,
            sortName: '儿童',
            showSize: 10,
            sortType: 'desc'
        })
        const {
            status,
            msg,
            data,
            pageAll
        } = res
        if (status) {
            let str = '';
            data.forEach(v => {
                str += `
                <a href="../小米/detail.html?=${v.id}">
                    <li>
                        <div class="coll_lsit_img">
                            <img src="${v.img}" alt="">
                        </div>
                        <p>${v.title}</p>
                        <span>${v.price}元</span>
                        <p>8634人评价</p>
                    </li>
                </a>
            `
            })
            $('.rim_list').html(str);
        } else {
            alert(msg)
        }
    }
</script>



</html>